<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01DOM操作</title>
</head>
<body>
<!--效果:每点击一次按钮,页面中多显示一张图片-->
<button onclick="addMoney()">点我变富</button>
<!--<img src="img/money.jpg" width="200px">-->
<script>
    function addMoney(){
        //'img'等价于<img>
        //创建一个空的img元素
        let img = document.createElement('img');
        //设置img元素的属性值
        img.src = 'img/money.jpg';
        img.width = 200;//注意没有单位px;
        //查询选择器:标签名选择器，根据选择器查询对应的元素
        let body = document.querySelector('body'); //#d1表示id为d1的节点
        body.append(img)

    }
</script>
</body>
</html>




















